<div class="card layer-person-card">
  <div class="card-header" style="background-image:url(//wx2.sinaimg.cn/crop.0.0.920.300.375/a716fd45ly1fdoqaacr7pj20pk08ctjv.jpg)">
    <div class="face-warp"><a href="#"><img src="/images/avatar/89/avatar.png" alt="..." class="user-face"></a></div>
    <div class="mask">
      <div class="user-info">
        <a href="#">小白菜 </a><i class="icon iconfont icon-dengji1"></i>
      </div>
      <div class="user-introduction">
        简介：暴走萝莉创始人
      </div>
    </div>
    
    
  </div>
  <div class="card-body">
    <div class="person-total">
      <span>关注 100</span>
      <span class="split-line"></span>
      <span>粉丝 7万</span>
      <span class="split-line"></span>
      <span>段子 7万</span>
    </div>
    <p class="card-text">浙江 杭州</p>
    <div>
      <button type="button" class="btn btn-min btn-outline-secondary"><i class="icon iconfont icon-puls-"></i>关注他</button>
      <button type="button" class="btn btn-min btn-outline-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon iconfont icon-duigou"></i>已关注</button>
      <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
        <a class="dropdown-item" href="#">取消关注</a>
        <a class="dropdown-item" href="#">设置备注</a>
      </div>
      <button type="button" class="btn btn-min btn-outline-primary">私信</button>
    </div>
  </div>
</div>